<template>
  <el-card shadow="never">
    <el-divider content-position="left">个人信息</el-divider>
    <div style="width: 400px;">
      <SubmitForm :form-list="formList" :rule-form="ruleForm"></SubmitForm>
    </div>
  </el-card>
</template>
<script>
export default {
  name: "index",
  data() {
    return {
      formList: [
        {
          label: '用户名',
          prop: 'username',
          name: 'input',
          colSpan: 24,
          disabled: true
        },
        {
          label: '邮箱',
          prop: 'email',
          name: 'input',
        },
        {
          label: '登录谷歌验证',
          prop: 'google',
          name: 'switch',
          activeText: '开启',
          inactiveText: '关闭',
          activeValue: 1,
          inactiveValue: 0,
          colSpan: 24
        },
        {
          label: '谷歌验证码',
          prop: 'googleCode',
          name: 'input',
          colSpan: 24
        }
      ],
      ruleForm: {
        /**
         * 编写测试数据
         */
        username: 'admin',
        email: '12@qq.com',
        google: 1,
        googleCode: '123456'
      }
    }
  }
}
</script>
<style scoped lang="scss">

</style>
